<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/* 图片添加浮动，段落不加浮动 */
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="img/c21ad761c7fa4a8ef4bc627afbf503c6.png" alt="小新" />
		<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt vel impedit explicabo magnam nostrum. Optio nostrum nisi, unde iure, ratione cum, sed eius cupiditate culpa blanditiis iste debitis facere temporibus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque praesentium voluptates autem quibusdam laboriosam est, odit ullam ex quidem, cumque aperiam esse dolor deserunt ad soluta. Tempore iusto sit consequatur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores provident quibusdam vel esse, vitae perspiciatis vero quam blanditiis tempore dicta at et illo id explicabo doloribus nisi? Delectus, nobis doloribus! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi dolorem fugit corporis deleniti dicta. Cumque rem ducimus, nisi porro illo minus doloremque enim error obcaecati perspiciatis, iure accusantium, ex deleniti! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptate repellat rem porro, consequuntur praesentium atque laborum quisquam blanditiis quas perferendis, omnis cupiditate repellendus distinctio. Odio quod suscipit rem ex dicta.</p>
	</body>
</html>